export const baseUsage = `
import {PhPager} from 'phoeon'
const PageSizeOptions:number[] = [10,20,30,50,100];
interface Pager{
    theme:string,<black|dark|light|primary|success|danger|warning>
    "show-total":{type:Boolean,default:false},
    "show-pagesize":{type:Boolean,default:false},
    "show-jump":{type:Boolean,default:false},
    "pagesize-options":{
        type:Array,
        default:()=>PageSizeOptions
    },
    justify:{type:String,default:"flex-start"},
    prev:{type:String,default:"上一页"},
    next:{type:String,default:"下一页"},
    pagesize:{type:Number,default:10},
    total:{type:Number,default:100},
    page:{type:Number,default:1},
    simple:{type:Boolean,default:false},

    @page //分页点击事件
}

//测试数据
const testData={
    page:1,
    total:102,
    pagesize:6,
}
`;
export const demo1 = `<ph-pager :page="page" :total="total" @page="onPage"></ph-pager>`;
export const demo2 = `<ph-pager justify="flex-end" :page="page" :total="total" @page="onPage"></ph-pager>`;
export const demo3 = `<ph-pager :page="page" :total="total" @page="onPage" :simple="true"></ph-pager>`;
export const demo4 = `<ph-pager :page="page" :total="total" @page="onPage" :show-total="true"></ph-pager>`;
export const demo5 = `<ph-pager :page="page" :total="total" @page="onPage" :show-total="true" :show-pagesize="true"></ph-pager>`;
export const demo6 = `<ph-pager :page="page" :total="total" @page="onPage" :show-total="true" :show-pagesize="true" :pagesize-options="[3,6,10]"></ph-pager>`;
export const demo7 = `<ph-pager 
:page="page" 
:total="total" 
@page="onPage" 
:show-total="true" 
:show-pagesize="true" 
:pagesize-options="[3,6,10]" 
:pagesize="pagesize"></ph-pager>`;
export const demo8 = `<ph-pager 
:page="page" 
:total="total" 
@page="onPage" 
:show-total="true" 
:show-pagesize="true" 
:pagesize-options="[3,6,10]" 
:pagesize="pagesize"
:show-jump="true"></ph-pager>`;
